<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="pageContent">
	<form method="post" action="${rootUrl}/system/menu?id=${id}" class="pageForm required-validate" onsubmit="return validateCallback(this, editDialogTree);">
		<div class="pageFormContent" layoutH="56">
			<p>
				<label>名称：</label>
				<input name="menu.name" class="required" type="text" size="30" value="" />
			</p>

			<p>
				<label>地址：</label>
				<input name="menu.url" type="text" size="30" value="" />
			</p>

			<p>
				<label>页面ID：</label>
				<input name="menu.rel" class="required"   type="text" size="30" value="" />
			</p>
			<p>
				<label>标题：</label>
				<input name="menu.title"  type="text" size="30" value="" />
			</p>
			
			<p>
				<label>类型：</label>
				<select id="menutype" name="menu.type" class="required" >
				<option value=""></option>
				<option value="navTab">navTab</option>
				<option value="dialog">dialog</option>
				<option value="folder">folder</option>
				<option value="navMenu">navMenu</option>
				</select>
			</p>
			<input name="menu.fresh"  type="hidden" value="true" />
			<p>
				<label>排序：</label>
				<input name="menu.order"  type="text" size="30" value="" />
			</p>
			
			<div id="typenavTab" style="display: none;">
			<p>
				<label>外部链接：</label>
				<select name="menu.external" >
				<option value="false">否</option>
				<option value="true">是</option>
				</select>
			</p>
			</div>
			<div id="typedialog" style="display: none;">
			<p>
				<label>最小化：</label>
				<select name="menu.minable" >
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			
			<p>
				<label>最大化：</label>
				<select name="menu.mixable">
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			<p>
				<label>可变大小：</label>
				<select name="menu.resizable">
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			<p>
				<label>可拖动：</label>
				<select name="menu.drawable" >
				<option value="true">是</option>
				<option value="false">否</option>
				</select>

			</p>
			<p>
				<label>宽度 ：</label>
				<input name="menu.width" type="text" size="4" value="1000" />
			</p>
			<p>
				<label>高度：</label>
				<input name="menu.height"  type="text" size="4" value="600" />
			</p>
			</div>
			
			<p style="width: 660px;">
				<label>备注：</label>
				<textarea name="menu.remark" cols="60" rows="5" style=""></textarea>
			</p>

		</div>
		<div class="formBar">
			<ul>
				<li><div class="buttonActive"><div class="buttonContent"><button type="submit">保存</button></div></div></li>
				<li>
					<div class="button"><div class="buttonContent"><button type="button" class="close">取消</button></div></div>
				</li>
			</ul>
		</div>
	</form>
</div>
<script type="text/javascript">
$(function(){
	$("#menutype").change(function(){
		if($(this).val()=="navTab"){
			$("#typenavTab").show();
			$("#typedialog").hide();
		}else if($(this).val()=="dialog"){
			$("#typenavTab").hide();
			$("#typedialog").show();
		}else{
			$("#typenavTab").hide();
			$("#typedialog").hide();
		}
	});
});
</script>